<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">   

    <ui:composition template="/templates/interna.xhtml">

	<ui:define name="breadcrumb">

	    <h:form>

		<p:breadCrumb>
		    <p:menuitem value="#{msg.principal}"/>
		    <p:menuitem value="#{msg.cadastros}"/>
		    <p:menuitem value="#{msg.subMenuTabelasBasicas}"/>
		    <p:menuitem value="#{msg.subMenuCadastroGruposUsuarios}"/>
		</p:breadCrumb>

	    </h:form>    

	</ui:define>

	<ui:define name="corpo">

	    <h:form id="fPrincipal">

		    <p:fieldset id="fsGruposUsuarios" legend="#{msg.gruposUsuarios}" >
			<div align="center">
			    <p:dataTable id="dtGruposUsuarios"
					 value="#{grupoUsuarioMB.grupoUsuarioDataModel}"
					 var="grupo"
					 selectionMode="single"
					 style="width: 800px"
					 rowKey="#{grupo.id}"
					 selection="#{grupoUsuarioMB.grupoSelecionado}"
					 emptyMessage="#{msg.grupoUsuarioNenhumGrupoAdicionado}"
					 scrollable="true"
					 scrollHeight="107"
					 scrollWidth="800">

				<p:ajax event="rowSelect" listener="#{grupoUsuarioMB.aoSelecionarLinha}" update=":fPrincipal:plAssociacaoGrupos"/>  

				<p:column headerText="#{msg.grupoUsuarioCodigo}" style="width: 150px; text-align: center">
				    #{grupo.id}
				</p:column>

				<p:column headerText="#{msg.grupoUsuarioNome}" style="width: 500px">
				    #{grupo.nome}
				</p:column>

				<p:column headerText="#{msg.acoes}" style="width: 150px; text-align: center">
				    <p:commandButton id="btAddUsuarios" 
						     icon="users_add_2" 
						     title="#{msg.grupoUsuarioAdicionarUsuarios}" 
						     action="#{grupoUsuarioMB.configurarUsuariosAdicionados}"
						     oncomplete="pnSelecionarUsuarios.show();"
						     update=":fUsuarios:tbUsuarios">
					<f:setPropertyActionListener value="#{grupo}" target="#{grupoUsuarioMB.grupoSelecionado}"/>
				    </p:commandButton>
				    <p:commandButton id="btRemoverGrupo" 
						     action="#{grupoUsuarioMB.limparDadosGrupo}" 
						     icon="ui-icon-closethick" 
						     onclick="pnConfirmacao.show()"
						     title="#{msg.remover}">
					<f:setPropertyActionListener value="#{grupo}" target="#{grupoUsuarioMB.grupoSelecionado}"/>
				    </p:commandButton>
				</p:column>
			    </p:dataTable>
			</div>
			<div align="left" style="margin-left: 82px">
			    <p:commandButton icon="ui-icon-circle-plus" value="Grupo" onclick="pnNovoGrupo.show();"/>
			</div>
		    </p:fieldset>

		    <div class="espacamento"/>

		    <p:fieldset id="fsAssociarDireitosAoGrupo" legend="#{msg.grupoUsuarioAssociarDireitosAoGrupo}" >
			<div align="center">
			    <p:pickList id="plAssociacaoGrupos"
					value="#{grupoUsuarioMB.direitosSistema}"
					var="direitoSistema"
					converter="direitoSistemaConverter"
					itemValue="#{direitoSistema}"
					itemLabel="#{direitoSistema.descricao}"
					disabled="#{grupoUsuarioMB.grupoUsuarioDataModel.rowCount le 0}"
					transient="false">

				<f:facet name="sourceCaption">#{msg.permissaoUsuarioDireitosSistema}</f:facet>  
				<f:facet name="targetCaption">#{msg.permissaoUsuarioDireitosGrupo}</f:facet>

			    </p:pickList>
			</div>
		    </p:fieldset>

		<div class="espacamento"/>

		<div align="left">
		    <p:commandButton value="#{msg.salvar}" 
				     action="#{grupoUsuarioMB.salvar}"
				     icon="ui-icon-disk"
				     process="@form"/>
		    <p:spacer width="2"/>		
		    <p:commandButton value="#{msg.voltar}"
				     action="#{grupoUsuarioMB.voltar}"
				     icon="ui-icon-arrowreturnthick-1-w"
				     ajax="false"
				     immediate="true"/>
		</div>

	    </h:form>

	    <ui:include src="/restrito/painel_confirmacao.xhtml">
		<ui:param name="id" value="pnConfirmacao"/>
		<ui:param name="mensagem" value="#{msg.deseja_remover}"/>
		<ui:param name="bean" value="#{grupoUsuarioMB}"/>
		<ui:param name="action" value="remover"/>
	    </ui:include>
	    
	    <ui:include src="/restrito/usuario/dialog_adicionar_grupo.xhtml"/>
	    <ui:include src="/restrito/usuario/dialog_selecionar_usuario.xhtml"/>
	    
	</ui:define>

    </ui:composition>


</html>
